.clearfix:after{
	content: '';
	display: block;
	clear: both;
}

nav{
	background: transparent;/*透明*/
	height: 50px;
}
.active{
	border-bottom: 4px solid #fff;
}
header{
	background: rgba(0,0,0,0.3);
}
h1{
	padding: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 24px;
}
p{
	font-size: 18px;
   	letter-spacing:1px;
}
ul{
	margin:0;
}
#banner{
	background:rgba(0,0,0,0.2);
	height: 700px;
}
nav ul{
	list-style: none;
	margin: 0;
	float: right;
}
nav ul li,nav .logo{
	display: inline-block;
	line-height: 50px;
	/*float: right;*/
	margin-right: 20px;
}
nav ul li a{
	line-height: inherit;
	text-decoration:none;
	display: inline-block;
	height: inherit;
	color: #fff;
}
nav ul li.logo{
	float: left;
	padding: 10px;
}
#banner .inner{
	max-width: 300px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 160px;
	
}
#banner .inner h1{
	margin: 0;
	color: #fff;

}
button{
	border: none;
	background: #333;
	color: #eee;
	padding: 10px;
}
#banner button{
	padding: 14px 60px;
}
#banner .inner .more{
	margin-top: 300px;
}
.sub-heading{
	line-height: 30px;
	margin: 30px;
	color: #fff;
}
.logo{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	background: #18a;
	border-radius: 6px;	

}
.logo a{
	color: #fff;
}
.green-section{
	background: #089DB0;
	color: #fff;
	text-align: center;
	padding: 100px 0;

}
.wrapper{
	max-width: 1080px;
	margin: 0 auto;
}
.hr{
	width: 100%;
	height: 2px;
	margin:20px auto;

}
.green-section .hr{

	background: #078494;
	width: 60%;

}
.icon-group{
	margin-top: 60px;
}
.green-section .icon-group .icon{

	display: inline-block;
	width: 80px;
	height: 80px;
	/*background: #0D6F7C;*/
	border:1px solid #0D6F7C;
	transform: rotate(45deg);
	margin: 20px;

}
.sub-heading{
	font-size: 18px;
	margin: 30px 0;
}
.gray-section {
	background: #252F34;
}
.gray-section .img-section{
	width: 45%;
}
.img-section img{
	width: 100%;
}
.gray-section .text-section{
	width: 55%;
}
.article-preview > div{
	float: left;
	font-size: 0;/*去掉页面间的小缝隙*/
}
/*奇偶选择器*/
.article-preview:nth-child(odd){
	background-color: rgba(255,255,255,0.05);

}

/*清除父级元素的浮动*/
.article-preview:after{
	content: '';
	display: block;
	clear: both;
}
 .text-section{
 	position: relative;
 	top: 68px;
 	left:50px;
 	color: #fff;
 }
 /*解决文字溢出*/
 .text-section > *{
 	max-width: 90%;
 }
 .text-section .sub-heading{
 	font-size: 22px;
 	margin-top: 0;
 }
 .text-section h2{
 	margin-bottom: 20px;
 
 }
 .text-section p{
 	font-size: 18px;
 	letter-spacing: 2px;
 }

 .purple-section{
 	padding: 80px;
 	background:#3f3965;
 	color: #fff;
 }
  .purple-section .heading-wrapper{
  	text-align: center;
  }
   .purple-section .hr{
   	background: #373259;
   	width: 60%;

   }
   .card{
   	float:left;
   	width: 50%;
   	min-height: 300px;
   	padding: 50px;
   	-webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
    box-sizing: border-box;
    
   }
   .card:first-child{
   	background:rgba(0,0,0,0.04);

   }
   .card:nth-child(2){
   	background: rgba(0,0,0,0.08);
   }
   .card:nth-child(3){
   	background: rgba(0,0,0,0.12);
   }
   .card:nth-child(4){
   	background: rgba(0,0,0,0.16);
   }
   .card:nth-child(5){
   	background: rgba(0,0,0,0.20);
   }
   .card:nth-child(6){
   	background: rgba(0,0,0,0.24);
   }
   footer{
   	background: #333;
   	color: #fff;
   	min-height: 200px;
   	text-align: center;

   }
   ul .share-group{
   	display: block;
   	width: 1080px;
   	margin:0 auto;
   	padding: 50px;
   }
   .share-group li{
   	display: inline-block;
   	padding: 10px;
   }
   .copy{
   	padding-bottom: 20px;
   }
   .main-wrapper{
   	background: #444 url(../images/img3.jpg);
   	background-attachment: fixed;
   	background-repeat: no-repeat;
   	background-size: cover; 
   	background-position: center center;
   }